<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <div class="register-container">
        <div class="center">
            <div class="register-box">
                <!-- 头部 -->
                <div class="register-logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <!-- 注册表单 -->
                <form class="register-form">
                    <p class="register-title">用户注册</p>
                    <div class="form-item">
                        <label for="username">*用户名:</label>
                        <input type="text" id="username">
                        <span>6-10位字母、数字、下划线</span>
                    </div>
                    <div class="form-item">
                        <label for="password">*密&nbsp;&nbsp;&nbsp;码:</label>
                        <input type="password" id="password">
                        <span>6位纯数字</span>
                    </div>
                    <div class="form-item">
                        <label>*确认密码:</label>
                        <input type="password">
                        <span>两次密码不一致</span>
                    </div>
                    <div class="form-item">
                        <label>*证件类型:</label>
                        <select>
                            <option value="">身份证</option>
                            <option value="">户口本</option>
                        </select>
                        <span></span>
                    </div>
                    <div class="form-item">
                        <label>*性别:</label>
                        <div>
                            <input id="man" type="radio" name="gender">
                            <label for="man">男</label>
                            <input id="woman" type="radio" name="gender">
                            <label for="woman">女</label>
                        </div>
                        <span>性别不能为空</span>
                    </div>
                    <div class="form-item">
                        <label>*学历:</label>
                        <div>
                            <input type="checkbox">
                            <label for="">专科</label>
                            <input type="checkbox">
                            <label for="">本科</label>
                            <input type="checkbox">
                            <label for="">研究生</label>
                        </div>
                        <span>学历不能为空</span>
                    </div>
                    <div class="form-item">
                        <label>*年龄:</label>
                        <input type="number">
                        <span>年龄不能为空</span>
                    </div>
                    <div class="form-item">
                        <label>*出生日期:</label>
                        <input type="date">
                        <span>出生日期不能为空</span>
                    </div>
                    <div class="form-item">
                        <label></label>
                        <div style="justify-content: flex-end;">
                            <strong>已有账号登录</strong>
                        </div>
                        <span></span>
                    </div>
                    <div class="form-item">
                        <label></label>
                        <div style="justify-content: space-between;">
                            <button type="reset">重置</button>
                            <button>注册</button>
                        </div>
                        <span></span>
                    </div>
                    <div class="form-item last-form-item">
                        <label></label>
                        <strong>
                            完成此注册，即表明您同意了我们的<a>《使用条款和隐私策略》</a>
                        </strong>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>

</html>